<template>
  <el-form label-width="80px" size="mini">
    <el-form-item label="类型">
      <el-select v-model="item.inputType" >
        <el-option value="text" label="文本"></el-option>
        <el-option value="number" label="数字"></el-option>
      </el-select>
    </el-form-item>
    <el-form-item label="内容">
      <data-source-btn/>
      <el-input type="text" v-model="item.value"></el-input>
    </el-form-item>
    <el-form-item label="占位文本">
      <el-input type="text" v-model="item.placeholder"></el-input>
    </el-form-item>
    <el-form-item label="前置内容">
      <el-input type="text" v-model="item.prependText"></el-input>
    </el-form-item>
    <el-form-item label="后置内容">
      <el-input type="text" v-model="item.appendText"></el-input>
    </el-form-item>
    <el-form-item label="最小长度">
      <el-input type="number" v-model="item.minlength"></el-input>
    </el-form-item>
    <el-form-item label="最大长度">
      <el-input type="number" v-model="item.maxlength"></el-input>
    </el-form-item>
    <el-form-item label="最小值">
      <el-input type="number" v-model="item.min"></el-input>
    </el-form-item>
    <el-form-item label="最大值">
      <el-input type="number" v-model="item.max"></el-input>
    </el-form-item>
  </el-form>
</template>
<script>
  import DataSourceBtn from '../../dataSource/button';

  export default {
    name: 'vpd-input-style',
    components: {
      DataSourceBtn
    },
    props: {
      item: {
        type: Object
      }
    }
  }
</script>
